<template>
    <div>
        <div id="img"><img src="../assets/logo.png"></div>
        <div class="log">
            <div class="st-log"><router-link to="/student" class="q">学生登录</router-link></div>                       
            <div class="com-log"><router-link to="/company" class="q">企业登录</router-link></div>
        </div>
        <router-view></router-view>
    </div>
</template>

<script>

export default {

}
</script>

<style scoped>
    #img{
        margin-top:10px;
        text-align:center;
    }
    img{
        width:40px;
        height:40px;
    }
    .log{
        display:flex;
        flex-flow:row nowrap;
        justify-content:space-between;
        color:grey;
    }
    .st-log:hover{
        color:rgb(0, 160, 233);
    }
    .com-log:hover{
        color:rgb(0, 160, 233);
    }
    .q{
        text-decoration: none;
        color:rgb(185,185,185);
    }
    .q:focus{
        color:rgb(0, 160, 233);
    }
    .q:hover{
        cursor:hand;
        color:blue;
    }
</style>